<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 
<%@ include file="/decorators/taglib.jsp"%>

<script type="text/javascript">
	$(function() {
		
	$(".pagination").jqPagination({
		  link_string : '/?page={page_number}',
		  current_page: 5, //设置当前页 默认为1
		  max_page : 40, //设置最大页 默认为1
		  page_string : '当前第{current_page}页,共{max_page}页',
		  paged : function(page) {
		  alert(11);
      }
});

});
</script>
<div class="row">
        <div class="span3 bs-docs-sidebar">
            <ul class="nav nav-list bs-docs-sidenav">
			    <c:forEach items="${sourceFile}" var="datas">
              <li><a href="#${datas.title}"><i class="icon-chevron-right"></i> ${datas.title}</a></li>
                
 
</c:forEach>
              <li><a href="#jqPagination"><i class="icon-chevron-right"></i>分页功能</a></li> 
            </ul>
        </div>
        <div class="span9">

<c:forEach items="${sourceFile}" var="datas">
<section id="${datas.title}">
                <div class="page-header">
                    <h1>${datas.title}</h1>
                </div>
               
<pre class="prettyprint linenums">
 ${datas.content}
</pre>
</section>
</c:forEach>
<section id="jqPagination">
                <div>
                   <div class="gigantic pagination">
					<a href="#" class="first" data-action="first">&laquo;</a>
					<a href="#" class="previous" data-action="previous">&lsaquo;</a>
					<input type="text" />
					<a href="#" class="next" data-action="next">&rsaquo;</a>
					<a href="#" class="last" data-action="last">&raquo;</a>
				   </div>
                </div>

</section>
</div>